<!DOCTYPE html>
<html>
<head>
	<title>优购网站-配送快速、轻松购物</title>
	<meta name="Keywords" content="网上商城" charset="utf-8"/>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
    <script type="text/javascript" src="js/jquery-3.3.1/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
    
</head>

<body>
	<!-- top -->
	<div class="shortcut">
		<div class="w">
			<div class="fl">
				<ul>
					<li>优购商城欢迎你！&nbsp</li>
					<li>
						<a href="#">请登录</a>
						<a href="#" class="style-red">免费注册</a>
					</li>
					
				</ul>
			</div>
			<div class="fr">
				<ul>
					<li>
						<a href="#">我的订单</a>						
					</li>
					<li class="spacer"></li>
					<li>
						<a href="#">我的优购</a>
						<i class="iconfont icon-jiantou9"></i>
					</li>
					<li class="spacer"></li>
					<li><a href="#">优购商城会员</a></li>
					<li class="spacer"></li>
					<li><a href="#">企业采购</a></li>
					<li class="spacer"></li>
					<li>
						<a href="#">关注优购商城</a>
						<i class="iconfont icon-jiantou9">
						</i>
					</li>
					<li class="spacer"></li>
					<li>
						<a href="#">客户服务</a>
						<i class="iconfont icon-jiantou9"></i>
					</li>
					<li class="spacer"></li>
					<li>
						<a href="#">网站导航</a>
						<i class="iconfont icon-jiantou9"></i>
					</li>
					
				</ul>
			</div>
		</div>
	</div>
	<div class="header w">
		<div class="logo">
			<h1><a href="index.html" title="品优购">品优购</a></h1>
		</div>
		<div class="search">
			<input  type="text" class="searchInput" value="请搜索内容"/>
			<button class="searchBtn">搜索</button>
		</div>
		<div class="hotwords">
			<a href="#" class="style-red">优惠购首发</a>
			<a href="#">9.9元团购</a>
			<a href="#">办公用品</a>
			<a href="#">电脑</a>
			<a href="#">同行</a>
		</div>
		<div class="shopcart">
			<i class="iconfont icon-gouwuche"></i>
			<a href="#">我的购物车</a>
			<i class="iconfont icon-youjiantou"></i>
			<div class="count">555</div>
		</div>
	</div>
	<div class="nav">
		<div class="w">
			<div class="dropdown fl">
				<div class="dt">全部商品</div>
				<div class="dd">
					<ul>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">通信</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="list.html">手机</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">电脑办公</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">家居用品</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">化妆品</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">箱包鞋子</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">运动用品</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li class="menu_item">
						<li class="menu_item">
							<a href="#" >汽车</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">母婴玩具</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">食品生鲜</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">医药保健</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">图书音像</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">旅行</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
						<li class="menu_item">
							<a href="#">众筹保险</a>
							<i class="iconfont icon-youjiantou fr"></i>
						</li>
					</ul>
				</div>
			</div>
			<div class="navitem fl">
				<ul>
					<li><a href="#">服装城</a></li>
					<li><a href="#">美妆馆</a></li>
					<li><a href="">传智超市</a></li>
					<li><a href="">全球购</a></li>
					<li><a href="">闪购</a></li>
					<li><a href="">团购</a></li>
					<li><a href="">拍卖</a></li>
					<li><a href="">有趣</a></li>
				</ul>
			</div>
		</div> 
	</div>
	<!-- top-end -->
	<div class="w">
		<div class="main">
			<div class="focus fl">
				<div class="arrow-l"><i class="iconfont icon-zuojiantou1"></i></div>
				<div class="arrow-r"><i class="iconfont icon-youjiantou"></i></div>
				<ul>
				<li>
					<a href="#">
						<image src="upload/17e194bb51c88bfa.jpg.webp.jpg"></image>
					</a>
					
					
					
			   </li>
			   <li>
			   	<a href="#">
						<image src="upload/0cdd6fc5c1a66f70.jpg.webp.jpg"></image>
					</a>
			   </li>
			   <li>
			   	<a href="#">
						<image src="upload/70c5a8cd4d2d8d1a.jpg.webp.jpg"></image>
					</a>
			   </li>
			   <li>
			   	<a href="#">
						<image src="upload/7075c561e4fe38f3.jpg.webp.jpg"></image>
					</a>

			   </li>
			</ul>

			<ol class="circle">
				<li >1</li>
				<li >2</li>
				<li >3</li>
				<li >4</li>
				<li >5</li>
				
			</ol>
				
			</div>
			<div class="newsflash fr">
				<div class="news">
					<div class="news_hd">
						品优购快报
						<a class="fr" href="#">更多<i class="iconfont icon-youjiantou"></i></a>
					</div>
					<div class="news_bd">
						<ul>
							<li>
								<a href="#">【特惠】购买耳机5折秒</a>
							</li>
							<li>
								<a href="#">【爆款】明星同款任你挑</a>
							</li>
							<li>
								<a href="#">【公告】上品优生鲜 </a>
							</li>
							<li>
								<a href="#">【特惠】每日折扣品质游</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="lifeservice">
					<ul>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li>
							<a href="#">
							<i class="iconfont icon-daohangshouye"></i>
							<p>导航</p>
							<div class="square"></div>
						    </a>
						</li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
						<li><a href="#"><i class="iconfont icon-daohangshouye"></i><p>导航</p></a></li>
					</ul>
				</div>
				<div class="bargain"></div>
			</div>
		</div>
		
	</div>


    <div class="w">
    	<div class="recommend">
    		<div class="recommend_hd fl">
    			<i class="iconfont icon-shizhong">
    			</i>
    			<p>今日推荐</p>
    		</div>
    		<div class="recommend_bd fr">
    			<ul>
    				<li><img src="img/TB1B_UBf3vD8KJjy0FlXXagBFXa-800-800.jpg_120x120q90.jpg_.webp.jpg"/></li>
    				<li><img src="img/TB2H4livB8lpuFjSspaXXXJKpXa_!!112-2-luban.png_120x120q90.jpg_.webp.jpg"/></li>
    				<li><img src="img/TB2zzZQXHH8F1Jjy1zbXXaVNVXa_!!172-2-luban.png_120x120q90.jpg_.webp.jpg"/></li>
    				<li><img src="img/TB21.PZdwoQMeJjy0FoXXcShVXa_!!111-2-luban.png_120x120q90.jpg_.webp.jpg"/></li>
    			</ul>
    		</div>
    	</div>

	</div>

	<!-- floor -->
	<div class="floor">
		<div class="jiadian w">
			<div class="box-hd">
				<h3>家用电器</h3>
				<div class="tab-list fr">
					<ul>
						<li><a href="#" class="style-red">热门</a>|</li>
						<li><a href="#">大家电</a>|</li>
						<li><a href="#">厨房电器</a>|</li>
						<li><a href="#">高端电器</a>|</li>
						<li><a href="#">应季电器</a></li>
					</ul>
				</div>
				
			</div>

			<div class="box-bd">
				<ul class="tab-con">
					<li class="w209">
						<ul class="tab-con-list">
							<li><a href="#">节能补贴</a></li>
							<li><a href="#">4k电视</a></li>
							<li><a href="#">空气净化器</a></li>
							<li><a href="#">IH电饭煲</a></li>
							<li><a href="#">滚筒洗衣机</a></li>
							<li><a href="#">电热水器</a></li>
							

						</ul>
						<img src="upload/3b3515c7537efeaf.jpg!q70.jpg">
					</li>
					
					<li class="w329"><img src="upload/2.jpg!cc_320x320.webp.jpg">6</li>
					<li class="w219">
						<div class="tab-con-item">
							<a href="#"><img src="upload/3.jpg!cc_320x320.webp.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/1.jpg!cc_320x320.webp.jpg"></a>
						</div>
						
					</li>
					<li class="w220"><img src="upload/6.jpg"></li>
					<li class="w220">
						<div class="tab-con-item">
							<a href="#"><img src="upload/8.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/4.jpg!cc_320x320.webp.jpg"></a>
						</div>
					</li>
				</ul>
			</div>

		</div>

		<div class="shouji w">
			<div class="box-hd">
				<h3>手机通讯</h3>
				<div class="tab-list fr">
					<ul>
						<li><a href="#" class="style-red">热门</a>|</li>
						<li><a href="#">大家电</a>|</li>
						<li><a href="#">厨房电器</a>|</li>
						<li><a href="#">高端电器</a>|</li>
						<li><a href="#">应季电器</a></li>
					</ul>
				</div>
				
			</div>

			<div class="box-bd">
				<ul class="tab-con">
					<li class="w209">
						<ul class="tab-con-list">
							<li><a href="#">节能补贴</a></li>
							<li><a href="#">4k电视</a></li>
							<li><a href="#">空气净化器</a></li>
							<li><a href="#">IH电饭煲</a></li>
							<li><a href="#">滚筒洗衣机</a></li>
							<li><a href="#">电热水器</a></li>
							

						</ul>
						<img src="upload/3b3515c7537efeaf.jpg!q70.jpg">
					</li>
					
					<li class="w329"><img src="upload/2.jpg!cc_320x320.webp.jpg">6</li>
					<li class="w219">
						<div class="tab-con-item">
							<a href="#"><img src="upload/3.jpg!cc_320x320.webp.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/1.jpg!cc_320x320.webp.jpg"></a>
						</div>
						
					</li>
					<li class="w220"><img src="upload/6.jpg"></li>
					<li class="w220">
						<div class="tab-con-item">
							<a href="#"><img src="upload/8.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/4.jpg!cc_320x320.webp.jpg"></a>
						</div>
					</li>
				</ul>
			</div>

		</div>

		<div class="chufang w">
			<div class="box-hd">
				<h3>厨房用具</h3>
				<div class="tab-list fr">
					<ul>
						<li><a href="#" class="style-red">热门</a>|</li>
						<li><a href="#">大家电</a>|</li>
						<li><a href="#">厨房电器</a>|</li>
						<li><a href="#">高端电器</a>|</li>
						<li><a href="#">应季电器</a></li>
					</ul>
				</div>
				
			</div>

			<div class="box-bd">
				<ul class="tab-con">
					<li class="w209">
						<ul class="tab-con-list">
							<li><a href="#">节能补贴</a></li>
							<li><a href="#">4k电视</a></li>
							<li><a href="#">空气净化器</a></li>
							<li><a href="#">IH电饭煲</a></li>
							<li><a href="#">滚筒洗衣机</a></li>
							<li><a href="#">电热水器</a></li>
							

						</ul>
						<img src="upload/3b3515c7537efeaf.jpg!q70.jpg">
					</li>
					
					<li class="w329"><img src="upload/2.jpg!cc_320x320.webp.jpg">6</li>
					<li class="w219">
						<div class="tab-con-item">
							<a href="#"><img src="upload/3.jpg!cc_320x320.webp.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/1.jpg!cc_320x320.webp.jpg"></a>
						</div>
						
					</li>
					<li class="w220"><img src="upload/6.jpg"></li>
					<li class="w220">
						<div class="tab-con-item">
							<a href="#"><img src="upload/8.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/4.jpg!cc_320x320.webp.jpg"></a>
						</div>
					</li>
				</ul>
			</div>

		</div>
		<div class="jujia w">
			<div class="box-hd">
				<h3>居家利器</h3>
				<div class="tab-list fr">
					<ul>
						<li><a href="#" class="style-red">热门</a>|</li>
						<li><a href="#">大家电</a>|</li>
						<li><a href="#">厨房电器</a>|</li>
						<li><a href="#">高端电器</a>|</li>
						<li><a href="#">应季电器</a></li>
					</ul>
				</div>
				
			</div>

			<div class="box-bd">
				<ul class="tab-con">
					<li class="w209">
						<ul class="tab-con-list">
							<li><a href="#">节能补贴</a></li>
							<li><a href="#">4k电视</a></li>
							<li><a href="#">空气净化器</a></li>
							<li><a href="#">IH电饭煲</a></li>
							<li><a href="#">滚筒洗衣机</a></li>
							<li><a href="#">电热水器</a></li>
							

						</ul>
						<img src="upload/3b3515c7537efeaf.jpg!q70.jpg">
					</li>
					
					<li class="w329"><img src="upload/2.jpg!cc_320x320.webp.jpg">6</li>
					<li class="w219">
						<div class="tab-con-item">
							<a href="#"><img src="upload/3.jpg!cc_320x320.webp.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/1.jpg!cc_320x320.webp.jpg"></a>
						</div>
						
					</li>
					<li class="w220"><img src="upload/6.jpg"></li>
					<li class="w220">
						<div class="tab-con-item">
							<a href="#"><img src="upload/8.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/4.jpg!cc_320x320.webp.jpg"></a>
						</div>
					</li>
				</ul>
			</div>

		</div>
		<div class="fuzhuang w">
			<div class="box-hd">
				<h3>居家利器</h3>
				<div class="tab-list fr">
					<ul>
						<li><a href="#" class="style-red">热门</a>|</li>
						<li><a href="#">大家电</a>|</li>
						<li><a href="#">厨房电器</a>|</li>
						<li><a href="#">高端电器</a>|</li>
						<li><a href="#">应季电器</a></li>
					</ul>
				</div>
				
			</div>

			<div class="box-bd">
				<ul class="tab-con">
					<li class="w209">
						<ul class="tab-con-list">
							<li><a href="#">节能补贴</a></li>
							<li><a href="#">4k电视</a></li>
							<li><a href="#">空气净化器</a></li>
							<li><a href="#">IH电饭煲</a></li>
							<li><a href="#">滚筒洗衣机</a></li>
							<li><a href="#">电热水器</a></li>
							

						</ul>
						<img src="upload/3b3515c7537efeaf.jpg!q70.jpg">
					</li>
					
					<li class="w329"><img src="upload/2.jpg!cc_320x320.webp.jpg">6</li>
					<li class="w219">
						<div class="tab-con-item">
							<a href="#"><img src="upload/3.jpg!cc_320x320.webp.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/1.jpg!cc_320x320.webp.jpg"></a>
						</div>
						
					</li>
					<li class="w220"><img src="upload/6.jpg"></li>
					<li class="w220">
						<div class="tab-con-item">
							<a href="#"><img src="upload/8.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/4.jpg!cc_320x320.webp.jpg"></a>
						</div>
					</li>
				</ul>
			</div>

		</div>
		<div class="yinxiang w">
			<div class="box-hd">
				<h3>居家利器</h3>
				<div class="tab-list fr">
					<ul>
						<li><a href="#" class="style-red">热门</a>|</li>
						<li><a href="#">大家电</a>|</li>
						<li><a href="#">厨房电器</a>|</li>
						<li><a href="#">高端电器</a>|</li>
						<li><a href="#">应季电器</a></li>
					</ul>
				</div>
				
			</div>

			<div class="box-bd">
				<ul class="tab-con">
					<li class="w209">
						<ul class="tab-con-list">
							<li><a href="#">节能补贴</a></li>
							<li><a href="#">4k电视</a></li>
							<li><a href="#">空气净化器</a></li>
							<li><a href="#">IH电饭煲</a></li>
							<li><a href="#">滚筒洗衣机</a></li>
							<li><a href="#">电热水器</a></li>
							

						</ul>
						<img src="upload/3b3515c7537efeaf.jpg!q70.jpg">
					</li>
					
					<li class="w329"><img src="upload/2.jpg!cc_320x320.webp.jpg">6</li>
					<li class="w219">
						<div class="tab-con-item">
							<a href="#"><img src="upload/3.jpg!cc_320x320.webp.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/1.jpg!cc_320x320.webp.jpg"></a>
						</div>
						
					</li>
					<li class="w220"><img src="upload/6.jpg"></li>
					<li class="w220">
						<div class="tab-con-item">
							<a href="#"><img src="upload/8.jpg"></a>
						</div>
						<div class="tab-con-item">
							<a href="#"><img src="upload/4.jpg!cc_320x320.webp.jpg"></a>
						</div>
					</li>
				</ul>
			</div>

		</div>
    </div>
	<!-- floor-end -->
	<!-- floorfix -->
	<div class="fixedtool">
		<ul>
			<li class="current">家用电器</li>
			<li>手机通讯</li>
			<li>厨房用具</li>
			<li>居家利器</li>
			<li>服装首饰</li>
			<li>音响视听</li>
		</ul>
	</div>
	<!-- floorfix-end -->
	<div class="footer">
		<div class="w">
			<div class="mod_service">
				<ul>
					<li>
						<div class="iconLeft"><i class="iconfont icon-daohangshouye"></i></div>
						<div class="text">轻松购物</div>
					</li>
					<li>
						<div class="iconLeft"><i class="iconfont icon-daohangshouye"></i></div>
						<div class="text">轻松购物</div>
					</li>
					<li>
						<div class="iconLeft"><i class="iconfont icon-daohangshouye"></i></div>
						<div class="text">轻松购物</div>
					</li>
					<li>
						<div class="iconLeft"><i class="iconfont icon-daohangshouye"></i></div>
						<div class="text">轻松购物</div>
					</li>
					<li>
						<div class="iconLeft"><i class="iconfont icon-daohangshouye"></i></div>
						<div class="text">轻松购物</div>
					</li>
				</ul>
			</div>
			<div class="mod_help">
				
					<dl class="mod_help_item">
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
					<dl class="mod_help_item">
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
					<dl class="mod_help_item">
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
					<dl class="mod_help_item">
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
					<dl class="mod_help_item">
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
					<dl class="mod_help_item">
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
				
			</div>

			<div class="mod_copyright">
				<p class="mod_copyright_link">
					
					<a href="#">关于我们</a>											
					<a href="#">联系我们</a>						
                    <a href="#">联系客服</a>
					<a href="#">商家入驻</a>				
					<a href="#">友情链接</a>
					<a href="#">公益社区</a>				
					<a href="#">销售联盟</a>
						
					
				
				</p>
				<p class="mod_copyright_info">
					增值电信业务经营许可证： 浙B2-20110446 市场名称登记证：工商网市字3301004119号
					 <br>出版物网络交易平台服务经营备案证： 新出发浙备字第001号
                    互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com 
				</p>
			</div>
		</div>

	</div>


</body>
<script type="text/javascript">
	/*
	电梯特效：相当于数轴的轮播图
	1、获取该类目距离（浏览器/页面）顶部的距离
	2、添加电梯工具栏点击事件：使其页面滚动到相应的位置
	3、在滚动时电梯工具栏的样式发生改变
	4、节流问题
	 */
	
	
	 

	toggleTop();
	var flag=true;//互斥锁	
	var toolTop=$(".recommend").offset().top;
	var a=$(document).scrollTop();
	var test=true;
	
	/*fixedtool出现与消失*/
    function toggleTop(){
	  if($(document).scrollTop()>=toolTop)
			{
				$(".fixedtool").fadeIn();

			}
			else{
				$(".fixedtool").fadeOut();
			}

	}

	$(window).scroll(function(){

		toggleTop();
			
    /*滚动条滚动时相应的fixedtool样式也发生变化*/
    if(flag){
	$(".floor>div").each(function(i,ele){
	   //循环遍历添加事件：获取到该类目与文档距离，与滚动条距离顶部距离相比较，如果超出了该距离，则电梯工具栏的相应li添加样式，其兄弟li移出样式 
	   
       var eleTop=$(ele).offset().top;
       console.log(eleTop);

       if($(document).scrollTop()>=eleTop){
       	$(".fixedtool li").eq(i).addClass("current").siblings().removeClass("current");
         }

	  })
     }
     
      })
 
   

    /*
    $("body,html").stop().animate({scrollTop:a},200,function(){
       test=true;
     })

     if(test){

     test=false;
     	
     chage();
     console.log(a);
     
    }
   
   
     


   

document.addEventListener("DOMMouseScroll",function(e){
     	e=e||window.event;
     	if(detail>0)
     	{
     		console.log("下");
     	}
     	else{
     		console.log("上");
     	}
     })
//判断向上或向下滚动
function chage(){
     document.onmousewheel=function(e){
     	e=e||window.event;
     	if(e.wheelDelta>0){
     		a-=$(window).height();
     		console.log("鼠标向上滚动");

     	}
     	else{
     		console.log("鼠标向下滚动");
     		a+=$(window).height();
     	}

     }
 }*/



    /*点击fixedtool li时滑动到相应区域*/
	$(".fixedtool li").click(function(){
		   flag=false;
				
			var divTop=$(".floor>div").eq($(this).index()).offset().top;

			$("body,html").stop().animate({scrollTop:divTop},function(){
				flag=true;
			});

			$(this).addClass("current").siblings().removeClass("current");

	})
     
    var margin_left=0;
	/*轮播图*/
	$(".arrow-r").click(function(){
		if(margin_left>-2160){

		margin_left-=720;
		/*$(".focus ul li").css("marginLeft",margin_left+"px");*/
		$(".focus ul li").animate({marginLeft:margin_left});
	   }
	})
     $(".arrow-r").trigger("click");

	$(".arrow-l").click(function(){
        if(margin_left<0){
        margin_left+=720;

		$(".focus ul li").animate({marginLeft:margin_left})
	}
	})

	$(".circle li").click(function(){
		var n=$(this).index();
		margin_left=-720*n;
		$(".focus ul li").animate({marginLeft:margin_left})
	})

	

	
	
</script>

</html>